import { Fragment } from "react";
import { Canvas, Story, Meta } from "@storybook/blocks";
import {
Box,
Button,
Flex,
HoverCard,
Text,
TextInput,
Stack,
} from "metabase/ui";
import * as HoverCardStories from "./HoverCard.stories";

<Meta of={HoverCardStories} />

# HoverCard

Our themed wrapper around [Mantine HoverCard](https://v6.mantine.dev/core/hover-card/).

## Docs

- [Mantine HoverCard Docs](https://v6.mantine.dev/core/hover-card/)

## Examples

<Canvas of={HoverCardStories.Default} />

<Canvas of={HoverCardStories.InteractiveContent} />
